$(document).ready(function(e){
	Topic_show();
});
mui.init({
	pullRefresh : {
		container:"#content_area",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
		down : {
		  style:'circle',//必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式		 
		  callback :Topic_show //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
		},
		up: {
			contentrefresh: '正在加载...',
			contentnomore: '没有更多数据了',
			callback :Topic_show
		}
	}
});
// 获取所有的帖子列表
function Topic_show(){	
	setTimeout(function() {
		$.ajax({
			url:backend_url + "/po/gla.action",
			type:"POST",
			dataType:"json",
			success:function(data){
				$("#topic_list").empty();
				var page_list = data.b;
				// console.log(page_list);
				for(var i =0 ; i< page_list.length;i++){
					var li = `<li class="topic_li" id=`+page_list[i].id+` userId=`+page_list[i].userId+`>
								<a href="javascript:;">
									<div>
										<p class="title">`+page_list[i].title+`</p>
										<p class="content">`+page_list[i].content+`</p>
										<p class="right">
											<span class="mui-icon iconfont icon-dianzan">`+page_list[i].likenumInt+`</span>
											<span class="mui-icon iconfont icon-shijian">`+page_list[i].issueTime+`</span>
										</p>
									</div>
								</a>
							</li>`;
							// <span class="mui-icon iconfont icon-redu" style="font-size:25px;margin-top:10px;"><span style="font-size:15px;">`+page_list[i].heat+`</span></span>
					$("#topic_list").append(li);
				}
			},
			error:function(er){
				// console.log(er);
				alert("呃。。网络似乎除了什么问题，请检查网络连接或重试！");
				//window.location.reload();
			}
		});
		mui('#content_area').pullRefresh().endPulldownToRefresh();
		mui('#content_area').pullRefresh().endPullupToRefresh();
	}, 10000);
}